﻿@using DAL.Enums
@using System.Linq
@{
    ViewBag.Title = "发布点评";
    ViewBag.Body_Tag = "class=compose";
    Layout = "~/Views/Shared/_Blank_Js.cshtml";
}
@section Head{
    <style type="text/css">
        body {
            background-color: #eee;
        }

        .WriteReview h4 {
            padding-left: 8px;
        }

        .canvasWrapper {
            width: 240px;
            height: 190px;
            border: #DDD solid 1px;
            margin: 12px auto 0 auto;
            padding: 5px;
            text-align: center;
        }

        .mybrand {
            background-color: #fff;
            margin-top: 5px;
        }

        .ul_impression {
            width: 52%;
            margin: 0 auto;
            text-align: left;
        }

            .ul_impression li {
                background-color: #6fa8dc;
                color: white;
                margin: 5px;
                cursor: pointer;
            }

                .ul_impression li.title {
                    background-color: white;
                    color: #000;
                    font-size: 16px;
                    margin: 4px;
                }

        .Addi_Info {
            border-top: solid #93c47d 13px;
        }

            .Addi_Info h4 {
                width: 50%;
                background-color: #93c47d;
                color: white;
                margin: 8px auto 0;
                padding: 12px;
            }

        .Addi_Info_Form {
            margin-top: 15px;
            text-align: left;
        }

        .WriteReview .Addi_Info_Form .help-inline {
            color: red;
        }


        .WriteReview .Addi_Info_Form .control-label {
            width: 120px;
            margin-left: 53px;
            text-align: left;
        }

        .WriteReview .Addi_Info_Form .controls {
            margin-left: 150px;
        }

        .WriteReview .Addi_Info_Form .control-group {
            margin-top: 30px;
        }

        .WriteReview .control-group-block .control-label {
            width: 100%;
            text-align: left;
        }

        .WriteReview .control-group-block .controls {
            margin-left: 55px;
            margin-top: 4px;
        }

        .WriteReview .control-group-block textarea {
            width: 80%;
        }

        textarea {
            font-size: 12px;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="@Url.Content("~/Content/css/company.css")">
    <!--图表-->
    <script type="text/javascript" src="@Url.Content("~/Content/chart/Chart.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Content/chart/Chart2.js")"></script>
    <!--[if lte IE 8]>
        <script type="text/javascript" src="@Url.Content("~/Content/chart/assets/excanvas.js")"></script>
    <![endif]-->
    <script type="text/javascript" src="@Url.Content("~/Content/js/ht_base1.js")"> </script>
    <!--星星-->
    <link href="/Content/rate/src/rateit.css" rel="stylesheet" type="text/css">
    <link href="/Content/rate/content/bigstars.css" rel="stylesheet" type="text/css">
    <script src="/Content/rate/src/jquery.rateit.js" type="text/javascript"> </script>
    <!--表单下拉框-->
    <link href="@Url.Content("~/Content/font/css/bootstrap-formhelpers.css")" rel="stylesheet" />
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <script src="@Url.Content("~/Content/font/js/bootstrap-formhelpers-selectbox.js")"></script>
}
<div class="container-fluid WriteReview">
    @Html.Partial("_TopNav")
    @Html.Partial("~/Views/ControlCompany/_Company_Nav.cshtml")
    <div class="row-fluid">
        <div class="span12">
            <div class="row-fluid">
                <div class="span9 myLeftBrand">
                    <div class="hero-unit" style="background-color: white; margin-bottom: 0;">
                        <h3>公司名称</h3>
                        <p>
                            This is a template for a simple marketing or informational website.
                        </p>
                    </div>
                    <div class="span10 container">
                        <h4 class="t1">
                            <i class="icon-align-right icon-rotate-90"></i>公司各项指标</h4>
                        <div class="row-fluid">
                            <div class="span5">
                                <dl class="dl-horizontal Count_Poi_Info">
                                    <dt>综合评分 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_Compsite", 0, transfun: "rate_tran1")
                                    </dd>
                                    <dt>工作环境 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_Environment", 0, transfun: "rate_tran1")
                                    </dd>
                                    <dt>文化氛围 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_Culture", 0, transfun: "rate_tran4")
                                    </dd>
                                </dl>
                            </div>
                            <div class="span6">
                                <dl class="dl-horizontal Count_Poi_Info">
                                    <dt>管理水平 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_ManageLevel", 0, transfun: "rate_tran2")
                                    </dd>
                                    <dt>薪资福利 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_Salary", 0, transfun: "rate_tran3")
                                    </dd>
                                    <dt>发展前景 </dt>
                                    <dd>
                                        @Html.Niko_Rate("Poi_Future", 0, transfun: "rate_tran5")
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>

                    <script type="text/javascript">
                        $(".niko_rate .rateit").bind('rated', function (event, value) {
                            var note = $(this);
                            var m = note.next(".operate_value");
                            if (m) {
                                var fun = eval(m.attr("transfun")) || rate_tran1;
                                m.text(fun(value));
                            }
                        });
                        $(".niko_rate .rateit").bind('over', function (event, value) {
                            var note = $(this);
                            var m = note.next(".operate_value");
                            if (m) {
                                var fun = eval(m.attr("transfun")) || rate_tran1;
                                if (!value) {
                                    var ivalue = note.prev("input").val();
                                    if (ivalue == 0) {
                                        m.text("请选择");
                                    } else {
                                        m.text(fun(ivalue));
                                    }
                                } else {
                                    m.text(fun(value));
                                }
                            }
                        });
                        function niko_rate_reset() {
                            var fa = $(".niko_rate");
                            if (fa) {
                                for (var i = 0; i < fa.length; i++) {
                                    var note = $(fa[i]);
                                    var input = note.find("input");
                                    if (input && input.attr("default_value")) {
                                        var value = Number(input.attr("default_value"));
                                        var m = note.find(".operate_value");
                                        if (m) {
                                            var fun = eval(m.attr("transfun")) || rate_tran1;
                                            if (!value) {
                                                m.text(fun(note.prev("input").val()));
                                            } else {
                                                m.text(fun(value));
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        var color1 = "#000", color2 = "#9b9b9b";
                        var ta_GoodEffect_valve = "样式: 公司优点有哪些？\r\n--------------------------------------------------\r\n 1、公司的福利还算不错\r\n 2、一年13薪酬\r\n 3、晋升空间很大\r\n 4、年假很多\r\n 5、培训机会很多\r\n 6、很锻炼人的综合素质";
                        var ta_GoodEffect_br = 7;
                        var ta_BadEffect_valve = "样式: 公司缺点有哪些？\r\n--------------------------------------------------\r\n 1、加班频率太高，又没加班费\r\n 2、下级经常被上级骂\r\n 3、工作环境很恶劣";
                        var ta_BadEffect_br = 4;
                        var ta_Suggest_valve = "样式: 对公司的意见和建议\r\n--------------------------------------------------\r\n 1、构建公司和谐人文环境\r\n 2、适当减少加班，提高员工效率";
                        var ta_Suggest_br = 3;
                        $(function () {
                            niko_rate_reset();
                            //绑定默认值
                            $("#ta_GoodEffect").val(ta_GoodEffect_valve).css('color', color2).focus(function () {
                                if (this.value.substr(0, 10) == ta_GoodEffect_valve.substr(0, 10) && this.value.length + ta_GoodEffect_br == ta_GoodEffect_valve.length) {
                                    this.value = '';
                                    this.style.color = color1;
                                }
                            }).blur(function () {
                                if (this.value == '') {
                                    this.value = ta_GoodEffect_valve;
                                    this.style.color = color2;
                                }
                            });
                            $("#ta_BadEffect").val(ta_BadEffect_valve).css('color', color2).focus(function () {
                                if (this.value.substr(0, 10) == ta_BadEffect_valve.substr(0, 10) && this.value.length + ta_BadEffect_br == ta_BadEffect_valve.length) {
                                    this.value = '';
                                    this.style.color = color1;
                                }
                            }).blur(function () {
                                if (this.value == '') {
                                    this.value = ta_BadEffect_valve;
                                    this.style.color = color2;
                                }
                            });
                            $("#ta_Suggest").val(ta_Suggest_valve).css('color', color2).focus(function () {
                                if (this.value.substr(0, 10) == ta_Suggest_valve.substr(0, 10) && this.value.length + ta_Suggest_br == ta_Suggest_valve.length) {
                                    this.value = '';
                                    this.style.color = color1;
                                }
                            }).blur(function () {
                                if (this.value == '') {
                                    this.value = ta_Suggest_valve;
                                    this.style.color = color2;
                                }
                            });

                            //短语点击赋值
                            $('.ul_impression li').click(function () {
                                AddImpression(this.textContent);
                            });
                        });
                        var AddImpression = function (str) {
                            var v = $("#ta_impression").val();
                            if (!v || v == "") {
                                $("#ta_impression").val(str);
                            } else {
                                var arr = v.split(' ');
                                var resultarr = new Array();
                                var isreply = false;
                                for (var i = 0; i < arr.length; i++) {
                                    var x = arr[i];
                                    if (x == str) {
                                        isreply = true;
                                    } else {
                                        resultarr.push(x);
                                    }
                                }
                                if (!isreply)
                                    resultarr.push(str);

                                $("#ta_impression").val(resultarr.join(' '));
                            }
                        };
                    </script>
                    <div class="span10 container ">
                        <h4 class="t1">
                            <i class="icon-smile"></i>公司的优点有哪些?</h4>
                        <textarea rows="8" style="width: 80%" id="ta_GoodEffect" wrap="virtual"></textarea>
                    </div>
                    <div class="span10 container ">
                        <h4 class="t1">
                            <i class="icon-frown"></i>公司的缺点有哪些?</h4>
                        <textarea rows="8" style="width: 80%" id="ta_BadEffect"></textarea>
                    </div>
                    <div class="span10 container  mb15">
                        <h4 class="t1">
                            <i class="icon-bullhorn"></i>公司的意见和建议</h4>
                        <textarea rows="8" style="width: 80%" id="ta_Suggest"></textarea>
                    </div>
                </div>
                <div class="span9 myLeftBrand text-center ">
                    <h4 class="t1">
                        <i class="icon-pushpin icon-rotate-315"></i>用一个短语标签描述这家公司的印象</h4>
                    <input type="text" style="width: 50%" id="ta_impression" placeholder="…">
                    <div style="" class="ul_impression">
                        <ol class="unstyled inline" contenteditable="true">
                            <li class="title">常用短语:</li>
                            <li>体育竞技</li>
                            <li>娱乐八卦</li>
                            <li>前沿科技</li>
                            <li>环球财经</li>
                            <li>天气预报</li>
                            <li>房产家居</li>
                            <li>网络游戏</li>
                        </ol>
                    </div>
                </div>
                <div class="span9 myLeftBrand text-center Addi_Info" style="position: relative;">

                    <a class="HowUserPoints abs-right" style="top: 18px; right: 66px;">金币有什麽作用</a>
                    <h4 class="t1" style="text-align: center;">完善此项将额外获得金币的奖励</h4>
                    <hr style="border-color: #dddddd; width: 90%;" class="m_auto" />
                    <form class="form-horizontal Addi_Info_Form">
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">你是这家公司的</label>
                            <div class="controls">

                                @{
                                    var selectmode1 = new SimpComm.SelectBoxModel
                                    {
                                        ControlID = "ClassLevel",
                                        DataBind = emUser_Comment_InComp_State.BaseItems.Select(p => new SelectBoxView(p.Value, p.Text)).ToList(),
                                        IsInputBox = false,
                                    };
                                }
                                @Html.Partial("~/Views/Tool/_SelectBox.cshtml", selectmode1)
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <script type="text/javascript">
                            function Selected_Job_Fun() {

                                var modal = $.scojs_modal({
                                    keyboard: true,
                                    cache: true,
                                    title: "地区选择",
                                    content: $("#selected_warp").html(),
                                });
                                modal.show();
                            }
                        </script>

                        <div class="modal fade" id="modal">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal">×</button>
                                <button type="button" class="btn fr btn-success mr15">确定</button>
                                <h3></h3>
                            </div>
                            <div class="inner"></div>
                        </div>
                        <div id="selected_warp" class="hide">
                            <div class="selected_box_body">
                                <div class="selector-checker">
                                    <div>
                                        <span class="selector-checker-tip">请选择地区(最多可以选择5个)</span>&nbsp; <span class="selector-clear btn-link">清空</span>
                                    </div>
                                    <div>
                                        <div class="input-append mr">
                                            <button class="btn btn-small" type="button">广州</button>
                                            <div class="btn-group">
                                                <button class="btn dropdown-toggle btn-small" data-toggle="dropdown">
                                                    可输入区/镇
                            <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li><a href="#">Action</a></li>
                                                    <li><a href="#">Another action</a></li>
                                                    <li><a href="#">Something else here</a></li>
                                                    <li class="divider"></li>
                                                    <li><a href="#">Separated link</a></li>
                                                </ul>
                                            </div>
                                            <span class="add-on h16"><i class="icon-remove"></i></span>
                                        </div>
                                        <div class="input-append mr">
                                            <button class="btn btn-small" type="button">广州</button>
                                            <div class="btn-group">
                                                <button class="btn dropdown-toggle btn-small" data-toggle="dropdown">
                                                    可输入区/镇
                            <span class="caret"></span>
                                                </button>
                                                <ul class="dropdown-menu">
                                                    <li><a href="#">Action</a></li>
                                                    <li><a href="#">Another action</a></li>
                                                    <li><a href="#">Something else here</a></li>
                                                    <li class="divider"></li>
                                                    <li><a href="#">Separated link</a></li>
                                                </ul>
                                            </div>
                                            <span class="add-on h16"><i class="icon-remove"></i></span>
                                        </div>
                                        <span class="label label-info">0/5</span>
                                    </div>
                                </div>
                                <div class="selector-hots clearfix">
                                    <h5 class="selector-hots-title">热门地区：</h5>
                                    <label class="checkbox inline">
                                        <input type="checkbox" id="Checkbox1" class="input-small" value="option1">广州
                                    </label>
                                    <label class="checkbox inline">
                                        <input type="checkbox" id="Checkbox2" class="input-small" value="option1">上海
                                    </label>
                                    <label class="checkbox inline">
                                        <input type="checkbox" id="Checkbox3" class="input-small" value="option1">潮州
                                    </label>
                                </div>
                                <h5 class="selector-body-title">省/市/直辖市：</h5>
                                <div class="selector-body">
                                    <dl class="dl-horizontal niko_dl">
                                        <dt>ABCF</dt>
                                        <dd>
                                            <div class="">
                                                <div class="">
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">广州</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse1"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">上海</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse2"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">潮州</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse1"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">广州</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse1"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                </div>
                                                <div id="collapse1" class="accordion-body collapse">
                                                    <div class="accordion-inner">
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="collapse2" class="accordion-body collapse">
                                                    <div class="accordion-inner">

                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                        <dt>H</dt>
                                        <dd>
                                            <div class="">
                                                <div class="">
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">广州</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse3"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">上海</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse4"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                </div>
                                                <div id="collapse3" class="accordion-body collapse">
                                                    <div class="accordion-inner">
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="collapse4" class="accordion-body collapse">
                                                    <div class="accordion-inner">

                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                        <dt>JLNQ</dt>
                                        <dd>
                                            <div class="">
                                                <div class="">
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">广州</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse5"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                    <div class="input-append mr">
                                                        <button class="btn btn-small" type="button">上海</button>
                                                        <span class="add-on h16" data-toggle="collapse" data-parent="#accordion2" href="#collapse6"><i class="icon-angle-down"></i></span>
                                                    </div>
                                                </div>
                                                <div id="collapse5" class="accordion-body collapse">
                                                    <div class="accordion-inner">
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="collapse6" class="accordion-body collapse">
                                                    <div class="accordion-inner">

                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                        <div class="input-append mr">
                                                            <button class="btn btn-small" type="button">广州</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">你任职的岗位</label>
                            <div class="controls">
                                <div class="input-append" onclick="Selected_Job_Fun()">
                                    <input class="span2" id="Select_Jobs" type="text" placeholder="选择岗位" style="width: 180px">
                                    <span class="add-on"><i class="icon-plus icon_gray"></i></span>
                                </div>
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">工作强度</label>
                            <div class="controls">

                                @{
                                    var selectmode2 = new SimpComm.SelectBoxModel
                                    {
                                        ControlID = "ClassLevel",
                                        DataBind = emUser_Comment_WorkTime.BaseItems.Select(p => new SelectBoxView(p.Value, p.Text)).ToList(),
                                        IsInputBox = false,
                                    };
                                }
                                @Html.Partial("~/Views/Tool/_SelectBox.cshtml", selectmode2)
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">月薪收入</label>
                            <div class="controls">

                                @{
                                    var selectmode3 = new SimpComm.SelectBoxModel
                                    {
                                        ControlID = "ClassLevel",
                                        DataBind = emUser_Comment_Salary.BaseItems.Select(p => new SelectBoxView(p.Value, p.Text)).ToList(),
                                        IsInputBox = false,
                                    };
                                }
                                @Html.Partial("~/Views/Tool/_SelectBox.cshtml", selectmode3)
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">晋升机会</label>
                            <div class="controls">
                                @{
                                    var selectmode4 = new SimpComm.SelectBoxModel
                                    {
                                        ControlID = "ClassLevel",
                                        DataBind = emUser_Comment_Promotion_Chance.BaseItems.Select(p => new SelectBoxView(p.Value, p.Text)).ToList(),
                                        IsInputBox = false,
                                    };
                                }
                                @Html.Partial("~/Views/Tool/_SelectBox.cshtml", selectmode4)
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="inputEmail">同事关系</label>
                            <div class="controls">
                                @{
                                    var selectmode5 = new SimpComm.SelectBoxModel
                                    {
                                        ControlID = "ClassLevel",
                                        DataBind = emUser_Comment_Relationship.BaseItems.Select(p => new SelectBoxView(p.Value, p.Text)).ToList(),
                                        IsInputBox = false,
                                    };
                                }
                                @Html.Partial("~/Views/Tool/_SelectBox.cshtml", selectmode5)
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                        <div class="control-group control-group-block">
                            <label class="control-label" for="inputEmail">怒吼一句对这个职位的感言吧</label>
                            <div class="controls">
                                <textarea rows="5"></textarea>
                                <span class="help-inline">(金币+2)</span>
                            </div>
                        </div>
                    </form>

                    <a class="btn btn-large btn-danger w100" href="#" target="_blank" role="button">确认提交</a>
                    <br />
                    <br />
                    <br />
                    <br />
                    <br />
                </div>
                <div class="span9 mybrand myspan9 text-center mb30 ">
                </div>
            </div>
        </div>
    </div>
</div>
